.JsDate{
    position: absolute;
    z-index:666666;
    margin: 5px 0;
    border-radius: 2px;
    font-size: 14px;
    animation:laydate-upbit .3s both;
}
.JsDate *{
    margin: 0;
    padding: 0;
    list-style-type:none;
    box-sizing:border-box;
    font-style:normal;
}
.JsDate ul,.JsDate ol,.JsDate li,.JsDate dl{
    list-style-type:none;
    font-style:normal;
    font-weight: 300;
}
.JsDate .fui-font-prev-y{
    left:15px;
}
.JsDate .fui-font-prev-m{
    left:45px;
}
.JsDate .fui-font-next-y{
    right:15px;
}
.JsDate .fui-font-next-m{
    right:45px;
}
.JsDate .close{
    background-image: url("");
    cursor: pointer;
}
.JsDate .jedateym .pndrop{
    width:14px;
    height:40px;
    overflow:hidden;
    display: inline-block;
    position:relative;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("");
}
.JsDate .jedateym .pre,.JsDate .jedateym .next{
    width: 15%;
    height:40px;
    float: left;
    display:block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
}
.JsDate em,.JsDate i{
    height:30px;
    margin: 0;
    padding: 0;
    font-style:normal;
    display:inline-block;
}
.jedatetipscon{
    color:#333;
    float:left;
    overflow:hidden;
    background-color: #FFFEF4;
    line-height:22px;
    padding:6px;
    border: 1px rgb(247, 206, 57) solid;
    font-style:normal;
    font-family: Arial, "\5b8b\4f53", 'sans-serif';
    font-size:12px;
    font-weight: 300;
}
.jedatetipscon p{
    padding: 0;
    margin: 0;
}
.jedatetipscon p.red{
    color: #ff0000;
}

.JsDate .jedate-tips{
    position: absolute;
    top: 40%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: #ff0000;
    background-color: #FFFEF4;
    border: 1px rgb(247, 206, 57) solid;
}
.JsDate .contime ul::-webkit-scrollbar{
    height:6px;
    width:6px;
    margin-right:5px;
    background-color: #f5f5f5;
    transition:all 0.3s ease-in-out;
    border-radius:0
}
.JsDate .contime ul::-webkit-scrollbar-track {
    border-radius: 0;}
.JsDate .contime ul::-webkit-scrollbar-thumb{
    border-radius: 0;
    background: rgba(0,0,0,0.5);
}
.JsDate .contime ul::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.6)}
.JsDate .contime ul::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.8)}
.JsDate .contime ul::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4);}
.JsDate .jedate-hmsmask{
    width:100%;
    display:block;
    background-color: rgba(0,0,0,.7);
    background-color:#fff\9;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 36px;
    z-index: 100;
}

.JsDate-skin{
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    background-color: #fff;
    color: #666;
}
.JsDate-skin .arthead{
    position: relative;
    line-height: 30px;
    padding: 10px 70px 5px;
    border-bottom: 1px solid #e2e2e2;
}
.JsDate-skin .arthead.ymfix .fui-font-next-y{
    right:45px;
}
.JsDate-skin .arthead .close{
    right:15px;
}
.JsDate-skin .arthead em{
    width:25px;
    height:30px;
    line-height:30px;
    position:absolute;
    top:10px;
    color: #999;
    cursor: pointer;}
.JsDate-skin .arthead em:hover{
    color: #5FB878;
}
.JsDate-skin .arthead p{
    width: 100%;
    line-height:30px;
    text-align:center;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.JsDate-skin .ymsbox .artcont{overflow: hidden;position: relative;}
.JsDate-skin .ymsbox .artcont.spaer:after{width: 1px;background-color:#ddd;position: absolute;top: 0;bottom: 0;left:49.8%;content: "";}
.JsDate-skin .ymsbox .ymcon{width: 270px;padding:10px;float: left;background-color:#fff;overflow:hidden;}
.JsDate-skin .ymsbox .ymcon.spaer{border-left: 1px solid #ddd;}
.JsDate-skin .ymsbox .ymcon .yul,.JsDate-skin .ymcon .ymul{width: 100%;border-collapse: collapse;border-spacing: 0;}
.JsDate-skin .ymsbox .ymcon .yul td{width:70px;height:41px;text-align:center;position:relative; overflow:hidden;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';}
.JsDate-skin .ymsbox .ymcon .ymul td{cursor:pointer;padding:0 9px;height:51px;text-align:center;position:relative; overflow:hidden;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';}
.JsDate-skin .ymsbox .ymcon td.disabled{ color:#bbb;}
.JsDate-skin .ymsbox .ymcon td.actdate,.JsDate-skin .ymsbox .ymcon td.actdate:hover{background-color: #00A680;color:#fff;}
.JsDate-skin .ymsbox .ymcon td.disabled:hover{background-color: #fff;color:#bbb;}
.JsDate-skin .ymsbox .ymcon td:hover{background-color: #F2F2F2;}
.JsDate-skin .ymsbox .ymcon td.contain,.JsDate-skin .ymsbox .ymcon td.contain:hover{background-color: #D0F0E3;}

.JsDate-skin .daybox{overflow: hidden;background-color: #fff;}

.JsDate-skin .daybox .artcont{overflow: hidden;position: relative;float: left;}
.JsDate-skin .daybox .artcont.spaer:after{width: 1px;background-color:#ddd;position: absolute;top: 0;bottom: 0;left:50%;content: "";}
.JsDate-skin .daybox .contlist{width: 270px;float: left;padding:10px;overflow:hidden;}
.JsDate-skin .daysul{width: 100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #fff;}
.JsDate-skin .daysul th{width:36px;height:30px;padding: 5px;text-align:center; position:relative; overflow:hidden;font-size: 14px;line-height:20px;color:#333;font-weight: 400;}
.JsDate-skin .daysul td{text-align:center; position:relative; overflow:hidden;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';}
.JsDate-skin .daysul td .nolunar{width:36px;height:30px;padding: 5px;line-height: 20px;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';cursor: pointer;}
.JsDate-skin .daysul td .solar{height:16px;line-height:16px;font-size: 14px;padding-top: 3px;display: block;font-family: Arial, "\5b8b\4f53", 'sans-serif';}
.JsDate-skin .daysul td .lunar{height:16px;line-height:16px;font-size: 12px;overflow:hidden;display: block;font-family: Arial, "\5b8b\4f53", 'sans-serif';color: #888;}
.JsDate-skin .daysul td.actdate, .JsDate-skin .daysul td.actdate:hover,
.JsDate-skin .daysul td.actdate .lunar{background-color: #00A680;color:#fff;}
.JsDate-skin .daysul td.other,.JsDate-skin .daysul td.other .nolunar,.JsDate-skin .daysul td.other .lunar{color:#70D1AA;}
.JsDate-skin .daysul td.disabled,.JsDate-skin .daysul td.disabled .nolunar,.JsDate-skin .daysul td.disabled .lunar{ color:#bbb;}
.JsDate-skin .daysul td.contain,.JsDate-skin .daysul td.contain:hover{background-color: #D0F0E3;}
.JsDate-skin .daysul td.disabled:hover{background-color:#fff;}

.JsDate-skin .daysul td:hover{background-color: #F2F2F2;}
.JsDate-skin .daysul td.red{ color:#ff0000;}
.JsDate-skin .daysul td .marks{ width:5px; height:5px; background-color:#ff0000; -webkit-border-radius:50%;border-radius:50%; position:absolute; right:2px; top:4px;}
.JsDate-skin .daysul td.actdate .marks{ width:5px; height:5px; background-color:#fff; -webkit-border-radius:50%;border-radius:50%; position:absolute; right:2px; top:4px;}

.JsDate-skin .timebox{overflow: hidden;background-color: #fff;}

.JsDate-skin .timebox .artcont{overflow: hidden;position: relative;}
.JsDate-skin .timebox .artcont.spaer:after{width: 1px;background-color:#ddd;position: absolute;top: 0;bottom: 0;left:49.8%;content: "";}
.JsDate-skin .timebox .timelist{margin:0 auto;padding:0 12px 7px 11px;float: left;}
.JsDate-skin .timebox .textbox{margin:0 auto;overflow: hidden;padding-top: 4px;text-align: center;}
.JsDate-skin .timebox .textbox p{width: 70px;display:inline-block;height: 30px;line-height:30px;font-size: 14px;text-align: center;overflow: hidden;}
.JsDate-skin .timebox .contime{width:211px;margin:0 auto 6px auto;border: 1px solid #ddd;border-right: none;overflow: hidden;}
.JsDate-skin .timebox .contime ul{width: 70px;height:174px;float: left;border-right:1px solid #ddd;overflow: hidden;overflow-y: auto;}
.JsDate-skin .timebox .contime ul li{width:100%;float:left;text-align: center;height:25px; line-height:25px;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';}
.JsDate-skin .timebox .contime ul li:hover{background-color: #F2F2F2;}
.JsDate-skin .timebox .contime ul li.action,.JsDate-skin .timebox .contime ul li.action:hover{background-color: #00A680;color:#fff;}
.JsDate-skin .timebox .contime ul li.disabled{ background-color: #fbfbfb;color:#ccc;}
.JsDate-skin .timebox .contime ul li.disabled.action{ background-color: #00A680;color:#FFFFFF;filter:Alpha(opacity=30);opacity:.3; }

.JsDate-skin .mainfoot{
    height: 46px;
    line-height: 26px;
    padding: 10px;
    border-top:1px solid #e2e2e2;
}
.JsDate-skin .mainfoot .timecon{display: inline-block;float: left;font-size: 14px;border:1px #ddd solid;border-radius:4px;overflow: hidden;}
.JsDate-skin .mainfoot .timecon em{width:24px;float:left;padding: 0;border:none;text-align: center;display:block;height:24px;line-height:24px;text-decoration: none;outline:none;-moz-outline:none;font-size: 14px;font-family:'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;}
.JsDate-skin .mainfoot .timecon em[disabled]{background-color: #f0f0f0;color: #aaa;}
.JsDate-skin .mainfoot .timecon span{padding:0 5px;float:left;height:24px;line-height:24px;font-style:normal;display:block;text-align: center;background-color: #f0f0f0;}
.JsDate-skin .mainfoot .timecon i{width:6px;float:left;height:24px;line-height:24px;font-style:normal;display:block;text-align: center;}
.JsDate-skin .mainfoot .btnscon{display: inline-block;float: right;font-size: 12px;}
.JsDate-skin .mainfoot .btnscon span{
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-family: Arial, "\5b8b\4f53", 'sans-serif';
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 2px;
}
